<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text">
</body>

</html>
<script>
    const inp = document.querySelector('input')

    //当触发时，调用函数，打印内容
    function trigger() {
        console.log("已经有输入了，，我被触发了");
    }

    function Throttling(meter, time) {
        let timerid = null;// 保存定时器id
        // 返回函数
        return function () {
            // 判断是否有定时器，如果没有就新建一个定时器
            if (!timerid) {
                //新建定时器
                timerid = setTimeout(() => {
                    // 调用打印函数
                    meter();
                    // 清除定时器
                    clearTimeout(timerid)
                    //重新让定时器的保存值变量赋值为null
                    timerid = null;
                }, time)
            }
        }
    }
    inp.oninput = Throttling(trigger,3000)
</script>